<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <h1>打开控制台看输出</h1>
  <script>
    // this 默认指向 window 浏览窗口
    // 浏览器的全局函数，其实保存在 window 对象上
    // this 口诀 ：谁调用指向谁
    const fn = () => {
      console.log('Hello fn 被调用了', this)
    }
    fn();
    const obj = {
      name: '张三',
      age: 18,
      eating: function () {
        console.log('eating', this)
      }
    }
    // ====== 箭头函数========
    // 1. 箭头函数没有自己的this，箭头函数的this，取外层函数的this
    const fn1 = () => {
      console.log('Hello fn1 被调用了', this)
    }
    
  </script>
</body>

</html>